<template>
  <div class="search-head">
    <input type="search" placeholder="请输入想要查找的电影名称">
    <button type="submit">搜索</button>
  </div>
</template>

<style scoped>


* {
  margin: 0px;
  padding: 0px;
}

.search-head {
  width: 100%;
  height: 120ch;
  /* border: 1px red solid; */
  background-color: #9c0e0cda;
}

/* .search-head h1 {
  width: 100%;
  height: 5vh;
  background-color: #9c0e0cda;
  font-size: 22px;
  display: flex;
  justify-content: center;
  color: #e2dedd;
  font-family: "宋体";
  padding-top: 10px;
} */

.search-head input {
  width: 200px;
  height: 40px;
  text-align: center;
  position: absolute;
  top: 300px;
  left: 50px;
}

.search-head button {
  width: 100px;
  height: 40px;
  text-align: center;
  position: absolute;
  top: 300px;
  left: 260px;
  background-color: #9c0e0cda;
  color: white;
}
</style>